﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../qschart/mstar_qs_chart_1.1.css"  type="text/css" rel="stylesheet"/>
    <link href="../css/globalreports_v2.0.css" rel="stylesheet" type="text/css" />
    <script> var isDebug = false</script>
    <script src="../lib//jquery.js" type="text/javascript"></script>
	<script src="../lib/jquery.json.min.js" type="text/javascript"></script>
    <script src="../lib/migratory-jslib.js" type="text/javascript"></script>
    <!--[if IE]><script type="text/javascript" src="../lib/excanvas.min.js"></script><![endif]-->
    <script src="../js/sys/mstar.common.js" type="text/javascript"></script>
    <script src="../js/sys/DFmt.us.js" type="text/javascript"></script>
    <script src="../qschart/mstar_qs_chart_1.1.js" type="text/javascript"></script>
     
    <style>
    body{font-family:tahoma;font-size:11px; margin:0; padding:0}ul,li {padding:0; margin:0}
    .gr_section_a1 { float: left;padding: 0 0 10px;width: 100%;}
    .gr_bodywrap {border-width: 0;border-style: none; }
    .gr_zoomoption a.on{ font-weight: bold;}
    </style>
    <script>
        var reloginUrl = "../demologin.jsp?r=custimizeChart.htm";    // when session expired or can't login redirect this page.
       // var intradayUrl  = "http://rtqdev.morningstar.com/opt/quote.jsp?"; // get intrayData Url.
        if (Cookies.get("SessionID") == null) {
            window.location.href = reloginUrl;
        }
    </script>
</head>
<body>
<div class="wrapper">
<div class="gr_bodywrap" style="width:760px">
<div class="gr_row_b2">
                        <!--<div idkey="customRange" class="gr_text10">
                                <input type="text" idkey="startBox" style="width: 60px; margin: 0; height: 12px"
                                    class="rtc-ctrl-input" /><span class="rtc-ctrl-lb1" style="line-height: 17px">-</span><input
                                        type="text" idkey="endBox" style="width: 60px; margin: 0; height: 12px" class="rtc-ctrl-input" /></div>-->
                        <div class="gr_zoomoption gr_text10">
                            <span class="gr_text10" id="idDayZoom">Zoom:</span> <a href="javascript:PeriodChg(1)"
                                id="idChartPeriod_1" class="on"><span id="idDayZoom1D">1D</span></a> <a href="javascript:PeriodChg(2)"
                                    id="idChartPeriod_2"><span id="idDayZoom5D">5D</span></a> <a href="javascript:PeriodChg(3)"
                                        id="idChartPeriod_3"><span id="idDayZoom1M">1M</span></a> <a href="javascript:PeriodChg(4)"
                                            id="idChartPeriod_4"><span id="idDayZoom3M">3M</span></a> <a href="javascript:PeriodChg(5)"
                                                id="idChartPeriod_5"><span id="idDayZoomYTD">YTD</span></a>
                            <a href="javascript:PeriodChg(6)" id="idChartPeriod_6"><span id="idDayZoom1Y">1Y</span></a>
                            <a href="javascript:PeriodChg(7)" id="idChartPeriod_7"><span id="idDayZoom3Y">3Y</span></a>
                            <a href="javascript:PeriodChg(8)" id="idChartPeriod_8"><span id="idDayZoom5Y">5Y</span></a>
                            <a href="javascript:PeriodChg(9)" id="idChartPeriod_9"><span id="idDayZoom10Y">10Y</span></a>
                            <a href="javascript:PeriodChg(10)" id="idChartPeriod_10"><span id="idDayZoomMax">Max</span></a>
                        </div>
                    </div>
<div id="container" style="width: 100%; position: relative">
                        <div idkey="chartLegend" class="rtc-legend-txt" style="font-size: 10px">
                        </div>
                        <div class="rtc-chart-container">
                            <div idkey="priceChart" class="rtc-chart">
                            </div>
                            <div idkey="volChart" class="rtc-chart">
                            </div>
                            <div idkey="miniChart" class="rtc-chart">
                            </div>
                            <div idkey="sliderCtrl" class="rtc-slider">
                                <span class="rtc-slider-mask rtc-mask-left" idkey="dropleft">&nbsp;</span>
                                <div class="rtc-slider-l-handler" idkey="dropleftimage">
                                    &nbsp;</div>
                                <div class="rtc-slider-mid-handler" style="position: absolute;">
                                    <img width="1" height="1" src="http://im.morningstar.com/im/dot_clear.gif" />
                                </div>
                                <div class="rtc-slider-r-handler" idkey="droprightimage">
                                    &nbsp;</div>
                                <span class="rtc-slider-mask rtc-mask-right" idkey="dropright">&nbsp; </span>
                                <div>
                                </div>
                            </div>
                            <div idkey="DividendInfo" class="rtc-message-label">
                            </div>
                        </div>
                    </div>
 </div></div>
</body>
<script>
var chart = null;
var mainTicker = "XNYS:IBM";
var culture = "en-US";
var region = "USA";
var config = { width: 760, height: 300 };
GB_ChartDataManager.dataUrls.intraday =   "../quote.jsp?";;
GB_ChartDataManager.dataUrls.historical =  "../getStockHistoricalData.jsp?";
GB_ChartDataManager.dataUrls.fundamental =  "../getFundamentalData.jsp?";
chart = new RTChartComponent(mainTicker, region, culture);
chart.setLoginUrl(reloginUrl);
//chart.setIntrayDataUrl(intradayUrl);
chart.setCursorType(0);  // 1 crosshair ,  0 rollball 
chart.initUIConfig({ pCtrl1: null, pCtrl2: null, vCtrl: null, Chart: {}, RightMenu: false, CustomUI: true });  // custom UI elements.
chart.Init("container", "chart",config);
function PeriodChg(num) {
    $(".gr_zoomoption").find("a.on").removeClass("on");
    $("#idChartPeriod_"+num).addClass("on");
    if(chart != null) {
        chart.changeRange(num);
    }
}
</script>
</html>
